<template>
	<div class="panel_wrap">
		<div class="panel_title">
			<span class="title_text"></span>
			<slot name="top"></slot>
		</div>
		<div class="panel_main" >
			<slot name="mainContent"></slot>
		</div>
	</div>
</template>

<script>
export default {
	name:"panel_wrap",
	data() {
		return {
			tabArr: [],
			activeTab: 0,
			topInfo: '',
			titleBgImg: '',
			hasFun: '',
			funLabel: ''

		}
	},
	// props: {
	// 	tabs: Array,//标题上的tab
	// 	showInfo: String,//标题上的信息
	// 	width: String,//宽度
	// 	height: Number,//高度
	// 	hasFun: String,
	// 	funText: String
	// },
	mounted() {
		// this.tabArr = this.tabs;
		// this.topInfo = this.showInfo;
		// // this.hasFun = this.hasFun || '' ;
		// this.funLabel = this.funText || '';
	},
	computed: {
		// //计算内容区域高度
		// contentHeight() {
		// 	return (+this.height - 10) + 'px';//总高度 - 标题高度 - 标题和内容区域的间距
		// }
	},
	methods: {
		checkGcTab(val) {
			this.activeTab = val;
		},
		doCallBack() {
			this.$emit('openmodal');
		}
	}
}
</script>

<style lang="less">
.panel_wrap {
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;

	.panel_main {
		width: 100%;
		// display: flex;
		.chart {
			height: 100%;
			width: 450px;
		}
	}

	.panel_title {
		position: relative;
		width: 100%;
		height: 32px;
		background: url('~@/assets/image/panelTitle/title_bg.png') no-repeat;
		background-size: 100% 100%;

		.title_text {
			display: inline-block;
			width: 100%;
			height: 32px;
		}

		.panel_tab {
			position: absolute;
			right: 15px;
			top: 0px;
			line-height: 32px;

			// display: flex;
			// justify-content: space-around;
			.hasLine::after {
				display: inline-block;
				content: '';
				width: 1px;
				background-color: rgba(255, 255, 255, 0.7);
				height: 14px;
				margin-left: 10px;
			}

			.line {
				display: inline-block;
				width: 1px;
				background-color: rgba(255, 255, 255, 0.7);
				height: 14px;
				margin-left: 10px;
			}

			.tab_item {
				display: inline-block;
				font-family: 'Source Han Sans CN';
				font-style: normal;
				font-weight: 400;
				font-size: 14px;
				line-height: 21px;
				color: rgba(255, 255, 255, 0.7);
				// width: 28px;
				margin-left: 10px;
				cursor: pointer;
			}

			.active {
				color: #B9EDFF;
			}
		}

		
	}
}
</style>